﻿ 
    function posclick(id)
    {

        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
  
        switch(id){        
        case 1 :
        document.all.tab1.style.display=''
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
        document.getElementById("id1").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id1").style.backgroundImage ='none'
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
        case 2 :
        document.all.tab1.style.display='none'
        document.all.tab2.style.display=''
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
        document.getElementById("id2").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id2").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
        case 3:
        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display=''
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
        document.getElementById("id3").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id3").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
        case 4:
        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display=''
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
        document.getElementById("id4").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id4").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
        case 5:
        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display=''
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
        document.getElementById("id5").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id5").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
        case 6:
        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display=''
        document.all.tab7.style.display='none'
        document.all.tab8.style.display='none'
        document.getElementById("id6").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id6").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
        case 7:
        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display=''
        document.all.tab8.style.display='none'
        document.getElementById("id7").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id7").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id8").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        
         case 8:
        document.all.tab1.style.display='none'
        document.all.tab2.style.display='none'
        document.all.tab3.style.display='none'
        document.all.tab4.style.display='none'
        document.all.tab5.style.display='none'
        document.all.tab6.style.display='none'
        document.all.tab7.style.display='none'
        document.all.tab8.style.display=''
        document.getElementById("id8").style.backgroundColor = '#F7FAFE'       
        document.getElementById("id8").style.backgroundImage ='none'
        document.getElementById("id1").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id2").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id3").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id4").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id5").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id6").style.backgroundImage ="url(../../Images/change/c01.gif)"
        document.getElementById("id7").style.backgroundImage ="url(../../Images/change/c01.gif)"
        break;
        }
    }
 
